App.tsx ➔ App   A
last analyzed

Complexity

Conditions 1

Size

Total Lines 8
Code Lines 7

Duplication

Lines 0
Ratio 0 %

Importance

Changes 0
Metric Value
eloc 7
dl 0
loc 8
c 0
b 0
f 0
rs 10
cc 1
1
import React from "react";
2
import ToolCard from "./components/ToolCard";
3
import Calculator from "./tools/Calculator";
4
import PasswordGenerator from "./tools/PasswordGenerator";
5
import QRGenerator from "./tools/QRGenerator";
6
import UnitConverter from "./tools/UnitConverter";
7
8
const tools = [
9
  { name: "Calculator", component: <Calculator /> },
10
  { name: "Password Generator", component: <PasswordGenerator /> },
11
  { name: "QR Code Generator", component: <QRGenerator /> },
12
  { name: "Unit Converter", component: <UnitConverter /> },
13
];
14
15
export default function App() {
16
  return (
17
    <main className="tool-grid">
18
        {tools.map((tool) => (
19
        <ToolCard key={tool.name} name={tool.name} content={tool.component} />
20
      ))}
21
    </main>
22
  );
23
}